<script>
export default {
    data() {
        return {
            class1Select: '',
            class2Select: '',
        }
    },
    mounted() {
        
    },
    methods: {
    },
}
</script>
<template>
    <div>
        <div class="choose">
            <label for="">科目选择:</label>
            <el-select v-model="class1Select" style="width: 115px" placeholder=" ">
                <el-option value="" />
                <el-option value="离散分析" />
                <el-option value="线性代数" />
                <el-option value="微积分" />
                <el-option value="高等数学" />
                <el-option value="前端HTML5" />
            </el-select>
            <label for="">班级选择:</label>
            <el-select v-model="class2Select" style="width: 115px" placeholder=" ">
                <el-option value="" />
                <el-option value="2210" />
                <el-option value="2211" />
                <el-option value="2212" />
                <el-option value="2213" />
                <el-option value="2214" />
                <el-option value="2215" />
            </el-select>
        </div>
        <div class="map">
            <div id="container">
                中国地图
            </div>
        </div>
    </div>
</template>
<style lang="scss" scoped>
.choose {
    width: 100%;
    height: 100px;
    color: black;

    .el-select {
        margin: 0 30px;
    }
}

#container {
    width: 800px;
    height: 600px;
}
</style>